
// 底部bar样式
@greencolor:#2DD4AF;
@textcolor:#6C6F7A;
@graycolor:#929292;
@whitecolor:#FFFFFF;
@footheight:66px;
.footbar{
	position:fixed;
	bottom:0px;
	z-index:9;
	// border-radius:25px 25px 0px 0px;
	box-shadow: 0px 0px 15px rgba(198,207,231,0.5);
	background: #FFFFFF;
	width:100vw;
	border: 1px solid #eee;
	.footbar-con{
	  display:flex;
	  justify-content:space-between;
	  padding:0px 10vw;
	  .footitem{
		  height:@footheight;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  flex-direction:column;
		  align-items:center;
		  font-size: 0.8em;
		  color:@graycolor;
		  img{
			width:24px;
		  }
		  .fttext{
			  color:#CCCCCC;
			  margin-top: 5px;
			  font-size: 12px;
		  }
	  }
	  .selected{
		.tn-icon{
		  color:#4a71d6;
		}
	  }
	  .sxicon{
		width: 43px;
		height: 43px;
		background: linear-gradient(153deg, #6088F2 0%, #0839B5 100%);
		box-shadow: 2px 4px 15px rgba(50, 70, 125, 0.6);
		border-radius: 50%;
		opacity: 1;
	  }
	  .sxicond{
		width: 43px;
		height: 43px;
		background: linear-gradient(153deg, #6e717a 0%, #40434b 100%);
		box-shadow: 2px 4px 15px rgba(13, 17, 27, 0.3);
		border-radius: 50%;
		opacity: 1;
	  }
	}
  }